<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>滨海基金 -合同返利提醒</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Data Tables -->
<link href="css/plugins/dataTables/dataTables.bootstrap.css"
	rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/style.min.css" rel="stylesheet">
<link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
<script src="js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/My97DatePicker/WdatePicker.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins/jeditable/jquery.jeditable.js"></script>
<script src="js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
<script src="js/plugins/modal/bootstrap-modal.js"></script>
<script src="js/jquery-confirm.js"></script>
<script src="js/common.js"></script>
<script src="js/plugins/modal/bootstrap-modal.js"></script>
<script type="text/javascript"
	src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
<style type="text/css">
/* dataTables列内容居中 */
.table>tbody>tr>td {
	text-align: center;
}

/* dataTables表头居中 */
.table>thead:first-child>tr:first-child>th {
	text-align: center;
}
</style>
</head>
<body class="gray-bg">
	<div class="row">
		<div class="col-sm-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>
						合同<small>,返利提醒</small>
					</h5>
					<div class="ibox-content">
						<div class="input-group col-md-3"
							style="margin-top: 0px; positon: relative; float: left; bottom: -5px;">
							<input id="contractNum" type="text" class="form-control "
								placeholder="请输入关键字（合同编号、名称）"/ > <span
								class="input-group-btn">
								<button onclick="Search()" class="btn btn-info btn-search">查询</button>
							</span>
						</div>
						<table
							class="table table-striped table-bordered table-hover dataTables-example"
							id="dataTables-example">
							<thead>
								<tr style="height: 30px">
									<th style="width: 50px" align="center">序号</th>
									<th style="width: 100px" align="center">合同编号</th>
									<th style="width: 100px" align="center">合同名称</th>
									<th style="width: 100px" align="center">产品名称</th>
									<th style="width: 100px" align="center">签约金额</th>
									<th style="width: 100px" align="center">返利期限</th>
									<th style="width: 100px" align="center">签约日期</th>
									<th style="width: 100px" align="center">结束日期</th>
									<th style="width: 100px" align="center">合同期限</th>
									<th style="width: 120px" align="center">业务员</th>
									<th style="width: 120px" align="center">审核状态</th>
									<!-- <th style="width: 80px" align="center">操作</th> -->
								</tr>
							</thead>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		var table;
		$(function() {
			//提示信息
			var lang = {
				"sProcessing" : "<div style=\"float:right;width:50%\" >处理中...</div>",
				"sLengthMenu" : "每页 _MENU_ 项",
				"sZeroRecords" : "没有匹配结果",
				"sInfo" : "当前显示第 _START_ 至 _END_ 项，共 _TOTAL_ 项。",
				"sInfoEmpty" : "当前显示第 0 至 0 项，共 0 项",
				"sInfoFiltered" : "(由 _MAX_ 项结果过滤)",
				"sInfoPostFix" : "",
				"sSearch" : "搜索:",
				"sUrl" : "",
				"sEmptyTable" : "表中数据为空",
				"sLoadingRecords" : "载入中...",
				"sInfoThousands" : ",",
				"oPaginate" : {
					"sFirst" : "首页",
					"sPrevious" : "上页",
					"sNext" : "下页",
					"sLast" : "末页",
					"sJump" : "跳转"
				},
				"oAria" : {
					"sSortAscending" : ": 以升序排列此列",
					"sSortDescending" : ": 以降序排列此列"
				}
			};
			//初始化表格
			table = $("#dataTables-example").dataTable({
				"fnDrawCallback" : function() {
					var api = this.api();
					var startIndex = api.context[0]._iDisplayStart;//获取到本页开始的条数
					api.column(0).nodes().each(function(cell, i) {
						cell.innerHTML = startIndex + i + 1;
					});
				},
				language : lang, //提示信息
				autoWidth : false, //禁用自动调整列宽
				stripeClasses : [ "odd", "even" ], //为奇偶行加上样式，兼容不支持CSS伪类的场合
				processing : true, //隐藏加载提示,自行处理
				serverSide : true, //启用服务器端分页
				searching : false, //禁用原生搜索
				orderMulti : false, //启用多列排序
				order : [], //取消默认排序查询,否则复选框一列会出现小箭头
				renderer : "bootstrap", //渲染样式：Bootstrap和jquery-ui
				pagingType : "simple_numbers", //分页样式：simple,simple_numbers,full,full_numbers
				"aLengthMenu" : [ 10 ],
				"bLengthChange" : false,//隐藏分页数量选择框
				ordering : false, //关闭排序图标
				ajax : function(data, callback, settings) {
					//封装请求参数
					var param = {};
					param.limit = data.length;//页面显示记录条数，在页面显示每页显示多少项的时候
					param.start = data.start;//开始的记录序号
					param.page = (data.start / data.length) + 1;//当前页码
					//console.log(param);
					var contractNum = $("#contractNum").val().trim();
					//查询返利的合同的标记
					param.isRebate = 1;
					if (contractNum != null && contractNum != "") {
						param.contractNum = contractNum
					}
					//ajax请求数据
					$.ajax({
						type : "POST",
						url : "contract.do",
						cache : false, //禁用缓存
						data : param, //传入组装的参数
						dataType : "json",
						success : function(result) {
							//console.log(result);
							//setTimeout仅为测试延迟效果
							setTimeout(function() {
								//封装返回数据
								var returnData = {};
								draw = result.draw;//后台返回的计数器
								returnData.draw = data.draw;//这里直接自行返回了draw计数器,应该由后台返回
								returnData.recordsTotal = result.total;//返回数据全部记录
								returnData.recordsFiltered = result.total;//后台不实现过滤功能，每次查询均视作全部结果
								returnData.data = result.data;//返回的数据列表
								//console.log(returnData);
								//调用DataTables提供的callback方法，代表数据已封装完成并传回DataTables进行渲染
								//此时的数据需确保正确无误，异常判断应在执行此回调前自行处理完毕
								callback(returnData);
							}, 200);
						}
					});
				},
				//列表表头字段
				columns : [ {
						"data" : null
					}, {
						"data" : "contractNum"
					}, {
						"data" : "contractName"
					}, {
						"data" : "productName"
					}, {
						"data" : "transactionAmount"
					}, {
						"data" : function(data){
							if(data.investmentHorizon == 1){
								return "按月付息，到期还本"
							}
							else if(data.investmentHorizon == 2){
								return "到期还本付息"
							}else if (data.investmentHorizon == 3) {
								return "按季度付息，到期还本"
							}
							else{
								return "";
							}
						}
					},{
						"data" : function(data) {
						
							if(data.tradeDate==null){
								return "";
							}
							return FormatDate(new Date(data.tradeDate));
						}
					},{
						"data" : function(data) {
						
							if(data.endDate==null){
								return "";
							}
							return FormatDate(new Date(data.endDate));
						}
					}, {
						"data" : function(data){
							if(data.contractPeriod == 1){
								return "一个月"
							}
							else if(data.contractPeriod == 2){
								return "三个月"
							}
							else if(data.contractPeriod == 3){
								return "六个月"
							}
							else if(data.contractPeriod == 4){
								return "一年"
							}
							else{
								return ""
							}
						}
					}, {
						"data" : "createPeople"
					},{
						"data" : function(data) {
							if(data.contractStatus == 1){
								return "新增";
							}
							else if (data.contractStatus == 2){
								return "提交审核"
							}
							else if (data.contractStatus == 3){
								return "审核不通过"
							}
							else if (data.contractStatus == 4){
								return "审核通过"
							}
						}
					}]
			/* 
								,
								columnDefs : [ {
									"targets" : [ 10 ], //第七列加一条 自定义列
									"data" : "contractId", //数据列名
									"render" : function(data, type, full) { //返回自定义的内容

										return "<a class=\"btn btn-warning btn-xs\" href=\"editContract.do?id="
												+ data
												+ "\">编辑</a>";
									}
								} ] */
			})//.api();		
		});
		function Search() {
			/* var oSettings = table.fnSettings();  
			oSettings._iDisplayStart = 0;  
			table.fnDraw(oSettings);   */
			table.fnDraw();
		}
		$("#add")
				.click(
						function() {

							$
									.ajax({
										url : "appcrm/gainCustomerAndProduct.do",
										type : "post",
										cache : true,
										async : true,
										data : $('#myFrom').serialize(),
										error : function(data) {
											swal("提示!", "服务器访问失败!", "error");
										},
										success : function(data) {
											if (data.code == 1) {
												$("#contractNum2").val("");
												$("#contractName").val("");
												$("#productName").val("");
												$("#customerId").val("");
												$("#date1").val("");
												$("#date2").val("");
												$("#date3").val("");
												$("#transactionAmount").val("");
												$("#investmentHorizon").val("");
												$("#depositBank").val("");
												$("#bankAccount").val("");

												$("#addModal").modal("show");
												var product = data.product;
												var customer = data.customer;
												var productHtml = "<option value=\"\">-请选择-</option>";
												var customerHtml = "<option value=\"\">-请选择-</option>";
												for (var i = 0; i < product.length; i++) {
													productHtml += "<option value='"+product[i].productName+"'>"
															+ product[i].productName
															+ "</option>";
												}
												$("#productName").empty();
												$("#productName").append(
														productHtml);
												for (var i = 0; i < customer.length; i++) {
													customerHtml += "<option value='"+customer[i].customerId+"'>"
															+ customer[i].customerName
															+ "</option>";
												}
												$("#customerId").empty();
												$("#customerId").append(
														customerHtml);
											} else {
												swal("提示!", "连接服务器失败!", "error");
											}
										}
									});

						})
		$("#btnAdd").click(function() { //“登录”按钮单击事件
			var contractNum = $("#contractNum2").val();
			var contractName = $("#contractName").val();
			var productName = $("#productName").val();
			var customerId = $("#customerId").val();
			var date1 = $("#date1").val();
			var date2 = $("#date2").val();
			var date3 = $("#date3").val();
			if (contractNum == "") {
				swal("请输入合同编号!", "温馨提示!", "error");
				return false;
			}
			if (contractName == "") {
				swal("请输入合同名称!", "温馨提示!", "error");
				return false;
			}
			if (productName == "") {//暂时未能获取到产品信息
				swal("请选择产品!", "温馨提示!", "error");
				return false;
			}
			if (customerId == "") {
				swal("请选择所属客户!", "温馨提示!", "error");
				return false;
			}
			if (date1 == "") {
				swal("请选择生效日期!", "温馨提示!", "error");
				return false;
			}
			if (date2 == "") {
				swal("请选择结束日期!", "温馨提示!", "error");
				return false;
			}
			if (date3 == "") {
				swal("请选择签约日期!", "温馨提示!", "error");
				return false;
			}

			$.ajax({
				url : "insertContract.do",
				type : "post",
				cache : true,
				async : true,
				data : $('#myFrom').serialize(),
				error : function(data) {
					swal("提示!", "服务器访问失败!", "error");
				},
				success : function(data) {
					if (data.code == 1) {
						swal({
							title : "提示",
							text : "添加成功！",
							type : "success",
							confirmButtonText : "确定",
							closeOnConfirm : true
						}, function() {
							$("#addModal").modal("hide");
							Search();
						});
					} else {
						swal("提示!", "保存失败!", "error");
					}
				}
			});
		});
	</script>
</body>

</html>